﻿<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/css/style.css" >

    <title>Blog - Details - Sap</title>
</head>
<body class="position-relative d-flex flex-column mih-100vh bg-shade">

<nav class="navbar navbar-expand-lg bg-transparent navbar-style-5">
    <div class="container">
        <a class="navbar-brand font-cabin fz-36 fw-700 lh-1 text-white mr-105px mr-md-20px" href="index.html">
            <img src="assets/media/logo-icon.png" alt="Sap">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav navbar-nav-style-2 text-uppercase mr-auto">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Home
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-1">
                        <a class="dropdown-item" href="index.html">Home 1</a>
                        <a class="dropdown-item" href="index-2.html">Home 2</a>
                        <a class="dropdown-item" href="index-3.html">Home 3</a>
                        <a class="dropdown-item" href="index-4.html">Home 4</a>
                        <a class="dropdown-item" href="index-5.html">Home 5</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="features.html">Features</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Page
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-2">
                        <a class="dropdown-item" href="testimonial.html">Testimonial</a>
                        <a class="dropdown-item" href="team.html">Team</a>
                        <a class="dropdown-item" href="case-studies.html">Case Studies</a>
                        <a class="dropdown-item" href="pricing.html">Pricing</a>
                        <a class="dropdown-item" href="404.html">404</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Portfolio
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-3">
                        <a class="dropdown-item" href="portfolio.html">Portfolio V1</a>
                        <a class="dropdown-item" href="portfolio-v2.html">Portfolio V2</a>
                        <a class="dropdown-item" href="portfolio-v3.html">Portfolio V3</a>
                        <a class="dropdown-item" href="portfolio-v4.html">Portfolio V4</a>
                        <a class="dropdown-item" href="single-portfolio.html">Single Portfolio V1</a>
                        <a class="dropdown-item" href="single-portfolio-v2.html">Single Portfolio V2</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Blog
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-4">
                        <a class="dropdown-item" href="blog-grid.html">Blog Grid</a>
                        <a class="dropdown-item" href="blog-classic.html">Blog Classic</a>
                        <a class="dropdown-item" href="single-blog.html">Single Blog</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact.html">Contact</a>
                </li>
            </ul>
        </div>
        <div class="auth-and-extra-style-1 d-inline-flex justify-content-end align-items-center ml-auto">
            <a class="navbar-style-5-signup" href="#">Sign up</a>
            <a href="#" class="navbar-style-1-cart fz-16 position-relative">
                <i class="fas fa-shopping-bag"></i>
                <span class="badge badge-light position-absolute fz-14 font-awesome bgcolor-green-theme text-white">0</span>
            </a>
            <a href="#" class="search-box-btn navbar-style-1-search fz-16">
                <i class="fas fa-search"></i>
            </a>
        </div>
    </div>
</nav>

<h2 class="text-center color-dark-blue-theme my-85px my-lg-35px font-cabin fz-40 lh-1 fw-500">Blog single</h2>

<section class="row mx-0 pb-100px">
    <div class="container">
        <article class="row mx-0 flex-column mb-40px">
            <img src="assets/media/blogs/single-cover.png" alt="" class="img-fluid">
            <div class="w-100 classic-blog-style-body pb-105px bg-white">
                <div class="maw-905px px-15px mx-auto pt-40px pb-25px">
                    <p class="mb-20px">
                        <a href="#" class="mr-5px color-purple-theme bdrs-10px fz-14 font-rubik lh-1-5 py-5px px-30px classic-blog-category-style hover-color-white-theme transition-default hover-text-dec-none">
                            Creative
                        </a>
                    </p>
                    <p class="color-dark-blue-theme-80 font-rubik mb-20px lh-1-17 fz-14">by Mahfuz Riad,  on August 25, 2019</p>
                    <h2 class="color-dark-blue-theme fz-32 lh-1-17 font-cabin d-inline-flex mb-25px fw-500">Cost Reduction Strategies, Ideas and Hacks for
                        <br class="d-none d-md-block">Your Enterprise</h2>
                    <div class="single-blog-body">
                        <p>It's of no surprise that an established business firm often struggle to pull the reigns of its business expenditures. For the small business owners, this turns out to be even more important because during the economic slack saving or earning a single more penny affects the sustainability of a business enterprise. You may be wondering how could we do it, right?</p>
                        <p>The good news is you don't have to apply a large scale enterprise overhaul. That being said, we are living in a world that is revolutionizing everything with technological changes.</p>
                        <p>It's of no surprise that an established business firm often struggle to pull the reigns of its business expenditures. For the small business owners, this turns out to be even more important because during the economic slack saving or earning a single more penny affects the sustainability of a business enterprise. You may be wondering how could we do it, right?</p>
                        <h3>Virtual technologies as many as you can</h3>
                        <p>You know it's a very long process and requires really a huge budget. If you are not getting your customer data that means you are doing your marketing blindly. There is another challenge- many business owners or agencies that
                            collect data but don’t know how to deal with.</p>
                        <img src="assets/media/blogs/single-media.png" alt="">
                        <p>It's of no surprise that an established business firm often struggle to pull the reigns of its business expenditures. For the small business owners, this turns out to be even more important because during the economic slack saving or earning a single more penny affects the sustainability of a business enterprise. You may be wondering how could we do it, right?</p>
                        <p>The good news is you don't have to apply a large scale enterprise overhaul. That being said, we are living in a world that is revolutionizing everything with technological changes.</p>
                        <blockquote class="py-60px px-50px py-sm-30px px-sm-25px blockquote-style-1 color-dark-blue-theme fz-24 fz-lg-22 fz-md-18 font-rubik lh-1-33 mb-40px">Without tracking conversions is like driving car without knowing
                            destination. If you invest in counts then tracking should be the part
                            of your business strategies –Mahfuz Riad</blockquote>
                        <p>It's of no surprise that an established business firm often struggle to pull the reigns of its business expenditures. For the small business owners, this turns out to be even more important because during the economic slack saving or earning a single more penny affects the sustainability of a business enterprise. You may be wondering how could we do it, right?</p>
                        <h3>Select Your Promotional Channels</h3>
                        <p>So you have set your holiday marketing goals. You have a rough idea about what you want to have in your sack after wrapping up the campaign. That's good for a start.</p>
                        <p>Now you need to think about the channels you want to use to communicate your offers to target customers. Assuming you are an online based business, the following channels would be most appropriate for you:</p>
                        <p>It's of no surprise that an established business firm often struggle to pull the reigns of its business expenditures. For the small business owners, this turns out to be even more important because during the economic slack saving or earning a single more penny affects the sustainability of a business enterprise. You may be wondering how could we do it, right?</p>
                        <h3>Level Up Your Customer Engagement Game</h3>
                        <p>Remember that in any kind of promo campaign, engaging your customers is the key to success. That is why try to make sure you have more than a few tricks up your sleeve to get your customers moving. Giveaway contest is a great way to ramp up audience interaction. So, you should have a list of relevant sites that let you hold giveaway contests. Make sure you add the most interesting offers with the giveaway since it has a better possibility of getting viral.</p>
                        <p>Naturally, during this time people will have a lot of questions related to your offers. How you respond to those queries will differentiate you from your competitors. You must engage with an amicable and helpful tone to create a purchasing environment for them.</p>
                    </div>
                </div>
                <div class="h-1px" style="background-color: #e4e4e4"></div>
                <div class="row maw-905px px-15px mx-auto py-45px">
                    <div class="col-md-6">
                        <div class="row align-items-center blog-share-widget-style">
                            <span class="d-inline-flex mr-10px color-dark-blue-theme font-cabin fw-500 fz-20 lh-1">Share :</span>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-facebook-f"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-dropbox"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-twitter"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-linkedin-in"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-pinterest-p"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fab fa-google-plus-g"></a>
                            <a href="#" class="mr-25px mr-md-15px mr-sm-10px hover-text-dec-none transition-default fas fa-print"></a>
                        </div>
                    </div>
                    <div class="col-md-6 pt-sm-20px">
                        <div class="row justify-content-md-center color-dark-blue-theme">
                            <span class="d-inline-flex mr-10px font-cabin fw-500 fz-20 lh-1">Tags :</span>
                            <a href="#" class="color-light-purple-theme transition-default hover-text-dec-none hover-color-dark-blue-theme">Creative</a>,
                            <a href="#" class="color-light-purple-theme transition-default hover-text-dec-none hover-color-dark-blue-theme ml-5px">Design</a>,
                            <a href="#" class="color-light-purple-theme transition-default hover-text-dec-none hover-color-dark-blue-theme ml-5px">Online Business</a>
                        </div>
                    </div>
                </div>
                <div class="h-1px" style="background-color: #e4e4e4"></div>
                <div class="maw-895px mx-auto pt-55px">
                    <div class="card-group related-blog-styles">
                        <div class="card border-0 related-blog-style">
                            <img src="assets/media/blogs/related-1.png" class="card-img-top bdrs-10px" alt="...">
                            <a href="#" class="card-body stretched-link">
                                Three Powerful Time Management Techniques and How to Put Them to Work
                            </a>
                        </div>
                        <div class="card border-0 related-blog-style">
                            <img src="assets/media/blogs/related-2.png" class="card-img-top bdrs-10px" alt="...">
                            <a href="#" class="card-body stretched-link">
                                Common Causes of Project Failure and How to Avoid Them
                            </a>
                        </div>
                        <div class="card border-0 related-blog-style">
                            <img src="assets/media/blogs/related-3.png" class="card-img-top bdrs-10px" alt="...">
                            <a href="#" class="card-body stretched-link">
                                How to Become a Visionary Leader (Even If You’re Not a CEO)
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </article>

        <div class="author-style row mx-0 justify-content-center trial-box-1 pt-45px pb-30px px-30px mb-50px">
            <div class="media maw-875px w-100">
                <img src="assets/media/blogs/author.png" alt="" class="rounded-circle w-77px h-77px mr-20px mr-xs-0px mb-xs-20px">
                <div class="media-body">
                    <h2 class="text-white font-rubik fw-500 fz-18 mb-15px">Mahfuz Riad</h2>
                    <p class="mb-0 fz-16 lh-1-5 font-rubik text-white">We’re on a mission to change the way people work, and we believe those closest to the problem
                        know how to handle it best.We build, manage, market, sell, and support Kissflow, the most user-friendly
                        business process management product in the world.</p>
                </div>
            </div>
        </div>
        
        <div class="single-blog-pager row justify-content-between maw-875px mx-auto mb-40px">
            <a class="prev-item d-flex align-items-center" href="#">
                <span class="rounded-circle w-126px h-126px d-flex justify-content-center align-items-center flex-column mr-15px">
                    <span class="mb-15px">Prev</span>
                    <i class="fas fa-angle-left"></i>
                </span>
            </a>
            <a class="next-item maw-288px d-flex align-items-center" href="#">
                <span class="d-none d-md-inline-flex maw-155px color-dark-blue-theme font-rubik fz-16 lh-1-5">Easy migration from spreadsheets</span>
                <span class="rounded-circle w-126px h-126px d-flex justify-content-center align-items-center flex-column ml-15px">
                    <span class="mb-15px">Next</span>
                    <i class="fas fa-angle-right"></i>
                </span>
            </a>
        </div>

        <div class="classic-blog-style-body pt-60px pb-55px">
            <h2 class="font-cabin fw-600 fz-30 lh-1 color-dark-blue-theme mb-60px text-center">2 Comments</h2>

            <div class="comments maw-905px px-15px mx-auto mb-65px">
                <div class="media py-40px flex-column flex-sm-row">
                    <img src="assets/media/blogs/comment-author.png" alt="" class="bdrs-10px w-80px mr-20px mr-xs-0px mb-xs-15px">
                    <div class="media-body maw-620px pr-20px pr-xs-0px pb-xs-15px">
                        <div class="comment-header d-flex flex-column flex-md-row align-items-md-center mb-15px">
                            <h2 class="mr-20px mr-sm-0px mb-0 fz-18 font-rubik fw-500 color-dark-blue-theme">Mahfuz Riad</h2>
                            <div class="far fa-clock fz-14 color-dark-blue-theme-60 mr-20px mr-sm-0px my-sm-10px"><span class="ml-5px">12 am</span></div>
                            <div class="far fa-calendar-alt fz-14 color-dark-blue-theme-60"><span class="ml-5px">12 October2019</span></div>
                        </div>
                        <p class="font-rubik fz-16 lh-1-5 color-dark-blue-theme-80 mb-0">While assisting the client to improve their relationships with their employees. Some of  the areas we are able to do this are</p>
                    </div>
                    <a href="#" class="transition-default bgcolor-purple-theme px-35px lh-36px fz-14 font-rubik text-white bdrs-10px align-self-sm-center ml-0 ml-sm-auto hover-bgcolor-dark-blue-theme hover-text-dec-none">Reply</a>
                </div>
                <div class="h-1px ml-25px" style="background-color: #e4e4e4"></div>
                <div class="media py-40px flex-column flex-sm-row">
                    <img src="assets/media/blogs/comment-author.png" alt="" class="bdrs-10px w-80px mr-20px mr-xs-0px mb-xs-15px">
                    <div class="media-body maw-620px pr-20px pr-xs-0px pb-xs-15px">
                        <div class="comment-header d-flex flex-column flex-md-row align-items-md-center mb-15px">
                            <h2 class="mr-20px mr-sm-0px mb-0 fz-18 font-rubik fw-500 color-dark-blue-theme">Tamim Anju</h2>
                            <div class="far fa-clock fz-14 color-dark-blue-theme-60 mr-20px mr-sm-0px my-sm-10px"><span class="ml-5px">12 am</span></div>
                            <div class="far fa-calendar-alt fz-14 color-dark-blue-theme-60"><span class="ml-5px">12 October2019</span></div>
                        </div>
                        <p class="font-rubik fz-16 lh-1-5 color-dark-blue-theme-80 mb-0">While assisting the client to improve their relationships with their employees. Some of  the areas we are able to do this are</p>
                    </div>
                    <a href="#" class="transition-default bgcolor-purple-theme px-35px lh-36px fz-14 font-rubik text-white bdrs-10px align-self-sm-center ml-0 ml-sm-auto hover-bgcolor-dark-blue-theme hover-text-dec-none">Reply</a>
                </div>
                <div class="h-1px ml-25px ml-xs-0px" style="background-color: #e4e4e4"></div>
            </div>

            <div class="comment-form-area maw-905px px-15px mx-auto">
                <h2 class="font-cabin fw-600 fz-30 lh-1 color-dark-blue-theme mb-35px text-center">Leave a Reply</h2>
                <form action="#" class="ml-25px ml-xs-0px comment-form">
                    <textarea class="form-control rounded-0 px-20px py-15px lh-1-5 mb-20px" placeholder="Enter your comment . . ."></textarea>
                    <input type="text" class="form-control lh-1 rounded-0 h-55px px-20px mb-20px" placeholder="Name">
                    <input type="email" class="form-control lh-1 rounded-0 h-55px px-20px mb-20px" placeholder="Email">
                    <input type="url" class="form-control lh-1 rounded-0 h-55px px-20px mb-20px" placeholder="Website">
                    <input type="checkbox" name="save-credential" id="save-credential" class="d-none form-save-control">
                    <label for="save-credential" class="form-save-label font-rubik fz-14 lh-1-5 mb-25px d-inline-flex align-items-center">
                        <span class="mr-5px rounded-circle w-22px h-22px d-inline-flex flex-shrink-0"></span>
                        <span class="color-dark-blue-theme op-60">Save my name, email, and website in this browser for the next time I comment.</span>
                    </label>
                    <div class="row justify-content-end mx-0">
                        <button type="submit" class="comemnt-submit-btn">Post a Comment</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<footer class="row mx-0 footer-style-3 pb-40px pt-120px">
    <div class="container">
        <h2 class="font-rubik fw-400 fz-24 lh-1-17 mb-25px text-center color-dark-blue-theme">Subscribe to our newsletter and be notified when launch! ( only once a week  )</h2>
        <div class="row justify-content-center mb-65px">
            <div class="col-md-6 px-xl-0">
                <form action="#" class="subscription-style-form d-flex align-items-center">
                    <input type="email" class="form-control border-0" placeholder="Your email">
                    <button type="submit" class="subscription-style-form-btn">Subscribe</button>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-lg-3 col-xl-4 p-15px">
                <ul class="footer-style-1-social nav-pills nav">
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-facebook-f"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-linkedin-in"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-dribbble"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-twitter"></i></a></li>
                </ul>
                <p class="color-dark-blue-theme-80 font-rubik fz-16 lh-1-5 mb-30px fw-400">2nd Floor, No.21, 80-feet Road, Cadarso 19
                    <br class="d-none d-md-block"> bis, loft 2 28008 Madrid (Spain)</p>
                <a href="" class="color-dark-blue-theme-90 hover-color-green-theme fz-16 lh-1-5 d-inline-flex font-rubik fw-400">+088 01912704287</a><br>
                <a href="mailto:sap@gmail.com" class="color-dark-blue-theme-80 hover-color-green-theme fz-16 lh-1-5 d-inline-flex font-rubik fw-400">sap@gmail.com</a><br>
            </div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Products</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">SaaS</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Network Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">End User Experience</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">SaaS Experience</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Cloud base</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Company</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">About us</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">News &amp; Events</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Careers</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Trust</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Contact us</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Support</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 color-dark-blue-theme mb-35px fz-20">Network</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Synthetic Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Real User Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Internet Intelligence</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">DEX Sonar</a></li>
                    <li class="nav-item"><a href="#" class="color-dark-blue-theme-80 hover-color-green-theme transition-default lh-1-875 font-rubik fw-400">Managed Monitoring</a></li>
                </ul>
            </div>
        </div>
        <div class="row copyright-footer-1 border-lg-0 align-items-end fz-16 font-rubik fw-400 mt-15px">
            <div class="col-md-4 col-xl-3">
                <a href="index.html" class="font-cabin fz-36 fw-700 lh-1 color-dark-blue-theme hover-text-dec-none">Sap</a>
            </div>
            <div class="col-md-4 col-xl-6 px-xl-0">
                <div class="row justify-content-center footer-style-1-mobile-apps color-dark-blue-theme-90 py-sm-10px">
                    Mobile Apps:
                    <a href="#" class="color-dark-blue-theme fz-18"><i class="fab fa-apple"></i></a>
                    <a href="#" class="color-dark-blue-theme fz-18"><i class="fab fa-google-play"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-xl-3 text-md-right color-dark-blue-theme-80">Copyrights 2019 <a href="http://www.bootstrapmb.com" >Template_mr</a> </div>
        </div>
    </div>
</footer>

<!--Search Popup-->
<div id="search-popup" class="search-popup">
	<div class="close-search theme-btn"><span class="fas fa-times"></span></div>
	<div class="popup-inner">
		<div class="overlay-layer"></div>
    	<div class="search-form">
        	<form method="post" action="index.html">
            	<div class="form-group">
                	<fieldset>
                        <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required="">
                        <input type="submit" value="Search Now!" class="theme-btn">
                    </fieldset>
                </div>
            </form>
            
            <br>
            <h3>Recent Search Keywords</h3>
            <ul class="recent-searches">
                <li><a href="#">Software</a></li>
                <li><a href="#">Sass</a></li>
                <li><a href="#">Less</a></li>
                <li><a href="#">Css</a></li>
                <li><a href="#">Jquery</a></li>
            </ul>
        
        </div>
        
    </div>
</div>

<style>
	.search-popup{
	position:fixed;
	left:0px;
	bottom:-100%;
	width:100%;
	height:100%;
	z-index:999999999999999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	transform:scale(0,0);
	background:rgba(0,0,0,0.80);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup.popup-visible{
	bottom:0;
	visibility:visible;
	opacity:1;
	transform:scale(1,1);
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:200px;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background-color:#222222;
	line-height:30px;
	font-size:20px;
	color:#233145;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
	-moz-border-radius:0px 7px 7px 0px;
	-ms-border-radius:0px 7px 7px 0px;
	-o-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#000000;
}

.search-popup h3{
	font-size:24px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
}

.search-popup .recent-searches li a:hover{
	color:#000000;
	border-color:#ffffff;
	background-color:#ffffff;
}

@media only screen and (max-width: 599px){
	
	.search-popup .search-form fieldset input[type="search"]{
		padding-right:20px;
	}
	
	.search-popup .search-form fieldset input[type="submit"]{
		position:relative;
		width:100%;
	}
	
}

</style>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="assets/js/jquery-3.4.1.min.js" ></script>
<script src="assets/js/popper.min.js" ></script>
<script src="assets/bootstrap/js/bootstrap.min.js" ></script>
</body>
</html>

